<html>
<head>
    <title>MagicCube Scroll to Navigate for Windows</title>
    <script src="scripts/jquery.min.js"></script>
    <script src="scripts/checkbox.js"></script>
    <script src="scripts/common.js"></script>
    <script src="scripts/options.js"></script>
    <script src="scripts/content.js"></script>
    <link rel="stylesheet" href="css/zero.css"/>
    <link rel="stylesheet" href="css/options.css"/>
    <link rel="stylesheet" href="css/checkbox.css"/>
</head>
<body>
    
<div id="optionPage" style="height:120px;" onselectstart="return false;">
    <div id="banner">
        <div id="logo"></div>
        
        <div id="chkEnabledContainer">
            <input id="chkEnabled" type="checkbox"/>
        </div>
    </div>
    <hr/>
    
    
    
    
    <div id="selector">
        <div id="trackpad" onclick="selectTab(this.id);">
            <label>@@track_pad</label>
        </div>
        
        <div id="trackpoint" onclick="selectTab(this.id);">
            <label>@@track_point</label>
        </div>
        
        <div id="regular" onclick="selectTab(this.id);">
            <label>@@regular_mouse</label>
        </div>
        
        <div id="custom" onclick="selectTab(this.id);">
            <label>@@custom_mouse</label>
        </div>
    </div>
    
    
    
    
    
    <div id="details">
        <h1>@@settings</h1>
        <hr/>
    
        <dl>
            <dt>@@sensitivity:</dt>
            <dd>
                <input id="spSensitivity" type="range" min="1" max="60" value="0" />
            </dd>
        </dl>
        
        
        <dl>
            <dt>@@effective_range:</dt>
            <dd>
                <input id="spEffectiveRange" type="range" min="1" max="100" value="0"/>
            </dd>
        </dl>
    </div>
    
    <div id="hint">@@test_hint</div>
</div>
    
</body>


<script>
translate(document.body)
onstart();
</script>

</html>